<html>
<head>
	<title>Cadastro</title>
	<style type="text/css">
	<!--
		body {
			font: 11px Arial, Verdana, Helvetica, Sans-serif;
			text-align:center; /* for IE */
		}
		
		label {
			margin: 0px 5px 0px 0px;
			vertical-align:bottom;
			font-weight:bold;
		}
		
		input, select {
			width: 150px;
		}
	-->
	</style>
</head>
<body>
	<div style="text-align:left;width:698px;margin:0 auto;">
		<fieldset>
			<legend><b>Avalia&ccedil;&atilde;o</b></legend>
			<label for="nome" style="display:block;width:352px;float:left;">Nome</label>
			<label for="area" style="display:block;width:152px;float:left;">Area</label>
			<label for="unidade">Unidade</label><br />
			<input type="text" id="nome" style="width:350px;" />&nbsp;
			<select id="area">
				<option>Selecione...</option>
			</select>&nbsp;
			<select id="unidade">
				<option>Selecione...</option>
			</select>
		</fieldset><br />
		<fieldset>
			<legend><b>Perguntas</b></legend>
			<label for="pergunta" style="width:60px;">Pergunta</label><br />
			<input type="text" style="width:250px;" id="pergunta" />
			<button>Buscar</button>
			<button>+</button><br /><br />
			<div>
				<fieldset style="border:1px dotted #666;">
					<legend style="color:#666;"><b>Cadastro de pergunta</b></legend>
					<label for="descricao" style="width:60px;float:left;width:300px;">Pergunta</label>
					<label for="descricao">Peso</label><br />
					<input type="text" id="descricao" style="width:300px;" />
					<input type="text" id="descricao" style="width:40px;" />
					<button>Confirmar</button>
				</fieldset><br clear="all" />
				<span>
					<label for="fonte" style="width:357px;display:block;float:left;">Perguntas</label>
					<label for="destino" style="width:auto;">Perguntas associadas a avalia&ccedil;&atilde;o</label><br />
				</span>
				<div>
					<select id="fonte" size="15" style="width:315px;float:left;">
						<option>Pergunta cadastrada? (Peso)</option>
					</select>
					<div style="width:20px;padding-left:8px;float:left;text-align:center">
						<br /><br /><br /><br />
						<button style="width:30px;">&gt;&gt;</button>
						<button style="width:30px;">&gt;</button>
						<button style="width:30px;">&lt;</button>
						<button style="width:30px;">&lt;&lt;</button>
					</div>
					<select id="destino" size="15"  style="width:315px;float:right;">
						<option>Pergunta selecionada?</option>
					</select>
				</div>
			</div><br clear="all" />
		</fieldset><br />
		<label for="observacao">Observa&ccedil;&otilde;es</label><br />
		<textarea id="observacao" rows="3" cols="96">
		</textarea>
		<label for="data">Data de atualiza&ccedil;&atilde;o</label><br />
		<input type="text" id="data" value="18/03/2008 13:05:37" readonly="readonly" />
		<span style="margin-left:280px;">
			<button>Cancelar</button>
			<button>Salvar</button>
			<button>Alterar</button>
			<button>Excluir</button>
		</span>
	</div>
</body>
</html>
